<template>
    <!-- 当通过query传参后，可在路由组件中使用$route.query来访问这些传递过来的参数 -->
    <div>
        <p href="javascript:">消息ID：{{$route.query.id}}</p><br>
        <p href="javascript:">消息标题：{{$route.query.title}}</p>
    </div>
</template>

<script>
export default {
    name:'Detail',
    mounted() {
        console.log(this.$route)
    },
}
</script>

<style scoped>
    p{
        background-color: cadetblue;
    }
</style>